import React, { Component } from 'react';
import styles from "./index.css";
import img from "../image/1.jpg";
const Shop = () =>{
  
  return(
    <div className={styles.cartop}>
      <div className={styles.col}>乐峰</div>
        {/* 商品的列表 */}
      <ul>
        <li>
          <div className={styles.l}>
            <img src={img} alt=""/>
          </div>
          <div className={styles.r}>
            <h3>
              <b>自然共和国芦荟胶芦荟舒
                缓保湿凝胶晒后修复300ml</b>
           </h3>
            <div className={styles.price}>￥33</div>
            <div className={styles.count}>
              <i className={styles.jian}>-</i>
              <span>1</span>
              <i className={styles.add} >+</i>
              <i className={styles.out}>×</i>
            </div>
          </div>
        </li>
        <hr/>
      </ul>
      {/* 商品价格 */}
      <div className={styles.money}>
        <span className={styles.addshop}>商品合计：</span>
        <span className={styles.rMoney}><span>￥33</span></span>
        <hr/>
        <ul>
          <li>
            <div className={styles.name}>
              <b>免邮</b>
            </div>
            <p>全场99包邮</p>
          </li>
        </ul>
      </div>
      </div>
  )
}
export default Shop;
